<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>消防检测设备二维码</title>
<style>



    .td{
        border-left: black solid 1px ;
        border-bottom: black solid 1px;
        /*line-height: 6cm;*/
    }

    .div{
        font-family:'宋体';
        /*font-family: "黑体-简", "微软雅黑", "文泉驿微米黑";*/
        /*line-height: 5px;*/
        vertical-align: middle;
        /*line-height: 10px;*/
        /*height: 5px;*/

    }

    .img{
        width: 5cm;height: 5cm;
        padding: 0;

    }


    .table{
        font-family:'宋体';
        /*border-bottom: black solid 1px;*/
        border-top: black solid 1px;
        border-right:black solid 1px;
        /*margin-bottom: 3cm;*/
        /*margin-top:5px;*/
    }



</style>
</head>
<body>
<div>

    <div STYLE="page-break-after: always;" th:each="page:${resultList}" >
    <table style="width: 100%;text-align: center;" class="table" th:each="itemList:${page.itemList}" >
        <tr>
            <td class="td" th:each="item:${itemList}">
                <div class="div" style="font-size:12px" th:text="${item.code}"></div>
                <div><img class="img" th:src="${item.imgBase64}" /></div>
            </td>

        </tr>

    </table>
    </div>

<!--    <div STYLE="page-break-after: always;">-->
<!--    <table style="width: 100%;text-align: center;" class="table"  >-->

<!--                <tr>-->
<!--                    <td class="td">-->
<!--                        <div class="div" style="font-size: 12px" >Q1-二道岗门口光伏车棚-水带001</div>-->
<!--                        <div><img class="img" src="" /></div>-->
<!--                    </td>-->
<!--                    <td class="td">-->
<!--                        <div class="div" >0000000000</div>-->
<!--                        <div><img class="img"  src="" /></div>-->
<!--                    </td>-->
<!--                    <td class="td">-->
<!--                        <div class="div">0000000000</div>-->
<!--                        <div><img class="img"  src="" /></div>-->
<!--                    </td>-->
<!--                    <td class="td">-->
<!--                        <div class="div">0000000000</div>-->
<!--                        <div><img class="img"  src="" /></div>-->
<!--                    </td>-->
<!--                </tr>-->
<!--    </table>-->
<!--    </div>-->


<!--    <div STYLE="page-break-after: always;">-->
<!--        <table style="width: 100%;text-align: center;" class="table"  >-->

<!--            <tr>-->
<!--                <td class="td">-->
<!--                    <div class="div" >0000000000</div>-->
<!--                    <div><img class="img" src="" /></div>-->
<!--                </td>-->
<!--                <td class="td">-->
<!--                    <div class="div" >0000000000</div>-->
<!--                    <div><img class="img"  src="" /></div>-->
<!--                </td>-->
<!--                <td class="td">-->
<!--                    <div class="div">0000000000</div>-->
<!--                    <div><img class="img"  src="" /></div>-->
<!--                </td>-->
<!--                <td class="td">-->
<!--                    <div class="div">0000000000</div>-->
<!--                    <div><img class="img"  src="" /></div>-->
<!--                </td>-->
<!--            </tr>-->
<!--        </table>-->
<!--    </div>-->

</div>

</body>
</html>
